<template>
  <div class="error">
    <!--region 动画图片-->
    <div style="width: 800px;margin: 0 auto">
      <el-row style="padding: 100px 0">
        <el-col :span="12">
          <h1 style="font-size: 60px;font-weight: 800;color: #484848;margin-top: 50px;">Oops!</h1>
          <h2 style="font-weight: 600;margin-top: 20px">你没有权限去该页面</h2>
        </el-col>
        <el-col :span="12"><img src="../assets/images/error.gif"/></el-col>
      </el-row>
      <!--endregion-->
    </div>
  </div>
</template>

<script>
  export default{
    components: {},
    data () {
      return {}
    },
    mounted: function () {

    },
    methods: {}
  }
</script>

<style lang="less" rel="stylesheet/less" scoped>
  .error {
    background-color: #fff;
    height: 100%;
  }
</style>
